<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 9]>
<html id="ie9" dir="ltr" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="en-US">
<!--<![endif]-->
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Sommerce Shop | The perfect e-commerce solution</title>
    
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/home/style.css" />
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 980px)" href="__PUBLIC__/home/css/lessthen980.css" />
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 600px)" href="__PUBLIC__/home/css/lessthen600.css" />
    <link rel="stylesheet" type="text/css" media="screen and (max-width: 480px)" href="__PUBLIC__/home/css/lessthen480.css" />
    <link rel="stylesheet" href="__PUBLIC__/home/css/shop.css" type="text/css" media="all" />
    <link rel="stylesheet" href="__PUBLIC__/home/css/prettyPhoto.css" type="text/css" media="all" />
    <link rel="stylesheet" href="__PUBLIC__/home/css/tipsy.css" type="text/css" media="all" />
    <link rel='stylesheet' href='__PUBLIC__/home/css/jquery-rotating.css' type='text/css' media='all' />
    <link rel='stylesheet' href='__PUBLIC__/home/css/slider-cycle.css' type='text/css' media='all' />
    <link rel='stylesheet' href='__PUBLIC__/home/css/mycss.css' type='text/css' media='all' />
    
    <!-- [favicon] begin -->
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <!-- [favicon] end -->  
    
    <!-- FONT -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster&amp;ver=3.3.2" type="text/css" media="all" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz%3A400&amp;ver=3.3.2" type="text/css" media="all" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans&amp;ver=3.3.2" type="text/css" media="all" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster&amp;text=Sommerce+Shop&amp;ver=3.3.2" type="text/css" media="all" />
    
    <!-- SCRIPTS -->
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.tipsy.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.tweetable.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.cycle.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="__PUBLIC__/home/js/comment-reply.js"></script>
    
    <link rel="stylesheet" type="text/css" media="all" href="__PUBLIC__/home/css/home.css" />

    </head>
    <body class="responsive boxed-layout no_js">
        <!-- START LIGHT WRAPPER -->
        <div class="bgLight group">
            <!-- START WRAPPER -->
            <div class="wrapper group">
                <!-- START BG WRAPPER -->
                <div class="bgWrapper group">
                    <!-- START HEADER -->
                    <div id="header" class="group">
                        <!-- .inner -->
                        <div class="inner group">
                            <!-- START LOGO -->
                            <div id="logo" class="group">
                                <a href="index.html" title="Sommerce Shop"> 
                                <span class="logo-title">Sommerce Shop</span>
                                </a>         
                                <p class="logo-description">The perfect e-commerce solution</p>
                            </div>
                            <!-- END LOGO -->        
                            <!-- START LINKSBAR -->
                            <ul id="linksbar" class="group">
                                <li class="icon cart">
                                    <a class="trigger" href="/home/goods/cart/index">
                                    <span> 0 items &ndash; &euro;0.00 </span>
                                    </a> | 
                                    <div class="basketpopup">
                                        <h3>My Cart</h3>
                                        <span class="empty">No products in the cart.</span>
                                    </div>
                                </li>
                                <li class="">
                                    <a href="/home/login/login/login">登录</a> |
                                </li>
                                <li><a href="/home/login/login/register">注册</a> | </li>
                            </ul>
                            <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
                            <!-- END LINKSBAR -->  
                            <div class="clear"></div>
                            
                                <!-- END SEARCH FORM -->
                            
                            </div>
                            <!-- end .inner -->  
                             
                        </div>
                        <!-- END HEADER --> 

						<div id="primary" class="inner group">
	                        <div id="respond"  style="width:770px;position:relative;left:100px" >
				    			<h3 id="reply-title">请登录</h3>
				    			
				    			<form id="commentform" method="post" action="/home/login/login/dologin">							
				    			
				    				<p class="comment-form-author">
				    					<label for="author">用户名</label> 
				    					<input type="text" aria-required="true" size="30" value="" name="username" id="username"><span style="color:red"></span>
				    				</p>
				    				
				    				<p class="comment-form-email">
				    					<label for="email">密码</label> 
				    					<input type="password" aria-required="true" size="30" value="" name="password" id="password"><span style="color:red"></span>
				    				</p>
				    				
				    				<p class="comment-form-url">
				    					<label for="url">验证码</label>
				    					<span><input type="text" aria-required="true" style="width:210px;" size="15px" value="" name="code" id="code"><img name="code" style="/*position:absolute;top:170px;*/width:200px;height:30px" src='/home/login/login/code?id=1' /><span style="color:red"></span></span>
				    				</p>			           
				    				
		
				    			
				    				<p class="form-submit">
				    					<input type="submit" value="登录" id="submit" name="submit">
				    				</p>
				    				
				    				<div class="clear"></div>
				    			
				    			</form>
				    		</div>
			    		</div>
                        <!-- START NEWSLETTER FORM -->
                    <div id="newsletter-form" class="group">
                        <div class="inner">
                            <div class="newsletter-section group">
                                <p class="description special-font"><strong>Stay Updated:</strong> subscribe our special newsletter</p>
                                <form method="post" action="#">
                                    <fieldset>
                                        <ul class="group">
                                            <li><label for="fullname">Your name</label><input type="text" name="fullname" id="fullname" class="name-field text-field autoclear" /></li>
                                            <li><label for="email">Your email</label><input type="text" name="email" id="email" class="email-field text-field autoclear" /></li>
                                            <li><input type="submit" value="Subscribe" class="submit-field" /></li>
                                        </ul>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                    <script type="text/javascript">
                        $('img[name="code"]').click(function(){
                            var rand=parseInt(100*Math.random());
                            var code='/home/login/login/code?id='+rand;
                            // alert(code);
                            $(this).attr('src',code);
                        });
                        var flag1=false;
                        var flag2=false;
                        var flag3=false;
                        //用户名
                        $('input[name="username"]').blur(function(){     
                            var username=$(this).val();
                            if(username==''){
                                $(this).next().css('display','block'); 
                                $(this).next().html('用户名不能为空');
                                flag1=false;
                            }else{
                                var aa=$(this);
                                $.ajax({
                                    url:'/home/login/login/yanzheng',
                                    data:{'username':username},
                                    type:'post',
                                    success:function(mes){
                                        if(mes=='yes'){
                                            aa.next().css('display','none');  
                                            flag1=true;
                                        }else{
                                            aa.next().css('display','block'); 
                                            aa.next().html('用户名不存在'); 
                                            flag1=false;
                                        }
                                    }
                                });
                            }
                        });
                        //密码
                        $('input[name="password"]').blur(function(){     
                            var password=$(this).val();
                            if(password==''){
                                $(this).next().css('display','block'); 
                                $(this).next().html('密码不能为空');
                                flag2=false;
                            }else{
                                $(this).next().css('display','none'); 
                                flag2=true;
                            }
                        });
                        //验证码
                        $('input[name="code"]').blur(function(){     
                            var code=$(this).val();
                            if(code==''){
                                $(this).next().next().css('display','block');
                                $(this).next().next().html('验证码不能为空');
                                flag3=false;
                            }else{
                                var aa=$(this);
                                $.ajax({
                                    url:'/home/login/login/yanzhengcode',
                                    data:{'code':code},
                                    type:'post',
                                    success:function(mes){
                                        if(mes=='yes'){
                                            aa.next().next().css('display','none');  
                                            flag3=true;
                                        }else{
                                            aa.next().next().css('display','block'); 
                                            aa.next().next().html('验证码不正确'); 

                                            var rand=parseInt(100*Math.random());
                                            var code='/home/login/login/code?id='+rand;
                                            // alert(code);
                                            $('img[name="code"]').attr('src',code);
                                            flag3=false;
                                        }
                                    }
                                });
                            }
                        });
                       $('input[name=submit]').click(function(){
                            if(flag1&&flag2&&flag3){
                                return true; 
                            }else{
                                return false;
                            }
                       });
                    </script>
                    <!-- ENDSTART NEWSLETTER FORM -->
                    <!-- START FOOTER -->
                    <div id="footer" class="group footer-sidebar-right columns-3">
                        <div class="inner">
                            <div class="footer-main">
                                <div id="nav_menu-3" class="widget-1 widget-first widget widget_nav_menu">
                                    <h3>Categories</h3>
                                    <div class="menu-categories-footer-container">
                                        <ul id="menu-categories-footer" class="menu">
                                            <li><a href="#">Kitchen</a></li>
                                            <li><a href="#">Bedroom</a></li>
                                            <li><a href="#">Garden</a></li>
                                            <li><a href="#">Bathroom</a></li>
                                            <li><a href="#">Wood</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div id="nav_menu-4" class="widget-2 widget widget_nav_menu">
                                    <h3>Utilities</h3>
                                    <div class="menu-utilities-container">
                                        <ul id="menu-utilities" class="menu">
                                            <li><a href="testimonials.html">Testimonial</a></li>
                                            <li><a href="faq.html">FAQ</a></li>
                                            <li><a href="blog.html">Blog</a></li>
                                            <li><a href="contact.html">Get in Touch</a></li>
                                            <li><a href="#">Privacy Policy</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div id="nav_menu-5" class="widget-3 widget-last widget widget_nav_menu">
                                    <h3>Get in touch</h3>
                                    <div class="menu-get-in-touch-container">
                                        <ul id="menu-get-in-touch" class="menu">
                                            <li><a href="#">Newsletter</a></li>
                                            <li><a href="http://www.facebook.com">Facebook</a></li>
                                            <li><a href="http://twitter.com">Twitter</a></li>
                                            <li><a href="blog.html">Blog</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="footer-sidebar">
                                <div id="recent-posts-3" class="widget-1 widget-first widget recent-posts">
                                    <h3>Last News</h3>
                                    <div class="recent-post group">
                                        <div class="hentry-post group">
                                            <a href="article.html" title="-50% on all vintage glasses, enjoy it" class="title">-50% on all vintage glasses, enjoy it</a>
                                            <p>Phasellus gravida augue sit amet leo dapibus a congue velit [...]</p>
                                        </div>
                                        <div class="hentry-post group">
                                            <a href="article.html" title="Sommerce &ndash; a beautiful ecommerce solution" class="title">Sommerce &#8211; a beautiful ecommerce solution</a>
                                            <p>Etiam semper magna sit amet augue blandit vel cursus erat [...]</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END FOOTER -->
                    <!-- START COPYRIGHT -->
                    <div id="copyright" class="group two-columns">
                        <div class="inner group">
                            <p class="left">
                                <img src="__PUBLIC__/home/images/logo1.png" alt="" /> 
                                <span style="padding-left:10px;">
                                    <img src="__PUBLIC__/home/images/credit-cards/paypal.png" alt="paypal" style="margin-right:8px" />
                                    <img src="__PUBLIC__/home/images/credit-cards/visa.png" alt="visa" style="margin-right:8px" />
                                    <img src="__PUBLIC__/home/images/credit-cards/mastercard.png" alt="mastercard" style="margin-right:8px" />
                                    <img src="__PUBLIC__/home/images/credit-cards/cirrus.png" alt="cirrus" style="margin-right:8px" />
                                    <img src="__PUBLIC__/home/images/credit-cards/amex.png" alt="amex" style="margin-right:8px" />
                                    <img src="__PUBLIC__/home/images/credit-cards/bank-check.png" alt="bank-check" style="margin-right:8px" />
                                    <img src="__PUBLIC__/home/images/credit-cards/discover.png" alt="discover" style="margin-right:8px" />
                                </span>                             
                            </p>
                            <p class="right">
                                Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>  
                            </p>
                        </div>
                    </div>
                    <!-- END COPYRIGHT -->          
                </div>
                <!-- END BG WRAPPER -->           
            </div>
            <!-- END WRAPPER -->              
        </div>
        <!-- END LIGHT WRAPPER --> 
        <script type="text/javascript" src="__PUBLIC__/home/js/jquery.custom.js"></script>
        <script type="text/javascript" src="__PUBLIC__/home/js/contact.js"></script>
        

</body>
</html>
